@charset "utf-8";
    /*
    *Author's Brackets
    *Date 2016-11-23 14:11:44
    */
/* CSS Reset*/
/****************hp****************/
/* hp banner */
.hp-banner-box {
	width: 100%;
	height: 650px;
	overflow: hidden;
	background: url(../images/hp_banner_01.png);
	background-position: center;
	margin: 0 auto;
	margin-top: 90px;
}
.hp-banner-box .hp-banner {
	width: 1170px;
	height: 650px;
	margin: 0 auto;
	padding-left:70px ;
	padding-top: 170px;
	position: relative;
}
.hp-banner-box .hp-banner .Geometr415 {
	display: block;
	font-family: "Geometr415";
	font-weight: bold;
	font-size: 16px;
}
.hp-banner-box .hp-banner h3 {
	float: left;
	font-size: 36px;
	font-weight: bold;
}
.hp-banner-box .hp-banner .bule {
	color: #43b9f6;
}
.hp-banner-box .hp-banner .border {
	width: 50px;
	height: 2px;
	background: #e60012;
	margin-top: 75px;
}
.hp-banner-box .hp-banner p {
	width: 500px;
	margin-top: 20px;
	line-height: 23px;
	color: #b4b5b5;
}
.hp-banner-box .hp-banner a {
	display: block;
	width: 180px;
	height: 40px;
	font-size: 14px;
	line-height: 38px;
	margin-top: 45px;
	color: #000037;
	border: 2px solid #000037;
	-webkit-border-radius: 19px; 
       -moz-border-radius: 19px; 
    	     border-radius:19px; 
   	text-align: center;
}
.hp-banner-menu {
	width: 1170px;
	height: 220px;
	position: absolute;
	top: 630px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.hp-banner-menu li {
	float: left;
	width: 370px;
	height: 220px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-left: 30px;
	-webkit-border-radius: 10px; 
       -moz-border-radius: 10px; 
    	     border-radius:10px;
    color: #fff;
}
.hp-banner-menu li  .iconfont {
	font-size:210px ;
	line-height: 220px;
	position: absolute;
	right: -60px;
	z-index: -1;
}
.hp-banner-menu li .Geometr415 {
	display: block;
	font-size: 20px;
	margin-top: 30px;
	color: #fff;
}
.hp-banner-menu li h3 {
	
	font-size: 18px;
	font-weight: bold;
}
.hp-banner-menu li p {
	width: 300px;
	font-size: 14px;
	margin-top: 20px;
}
.hp-banner-menu li a {
	display: block;
	width: 140px;
	height: 35px;
	font-size: 14px;
	color: #fff;
	border: 2px solid #fff;;
	-webkit-border-radius: 18px; 
       -moz-border-radius: 18px; 
    	    border-radius: 18px; 
   	line-height: 32px;
   	text-align: center;
   	margin-top: 30px;
}
.hp-banner-menu li:nth-child(1) a:hover {
	color: #43b9f6;
	background: #fff;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
	  	 -o-transition: all .3s;
			transition: all .3s;
}
.hp-banner-menu li:nth-child(2) a:hover {
	color: #6686ff;
	background: #fff;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
	  	 -o-transition: all .3s;
			transition: all .3s;
}
.hp-banner-menu li:nth-child(3) a:hover {
	color: #9878ff;
	background: #fff;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
	  	 -o-transition: all .3s;
			transition: all .3s;
}
.hp-banner-menu li:nth-child(1) {
	background: #43b9f6;
}
.hp-banner-menu li:nth-child(1) .iconfont {
	color: #3fb0e8;
}
.hp-banner-menu li:nth-child(2) {
	background: #6686ff;
	margin: 0 30px;
}
.hp-banner-menu li:nth-child(2) .iconfont {
	color: #5f7eee;
}
.hp-banner-menu li:nth-child(3) {
	background: #9878ff;
}
.hp-banner-menu li:nth-child(3) .iconfont {
	color: #9072f2;
}
/* hp bannner end */
/* hp advantage */
.hp-advantage-box {
	width: 100%;
	height: 615px;
	background: #fff;
}
.hp-advantage-box .advantage-box {
	display: block;
	width: 1170px;
	height: 615px;
	margin: 0 auto;
}
.hp-advantage-box .advantage-box > h3 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 160px;
	text-align: center;
}
.hp-advantage-box .advantage-box .border {
	width: 50px;
	height: 2px;
	background: #e60012;
	margin: 0 auto;
	margin-top: 10px;
}
.hp-advantage-box .advantage-box .Geometr415 {
	display: block;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	color: #999;
}
.hp-advantage-box .advantage-box ul {
	width: 1170px;
	height: 300px;
	padding: 0 5px;
	margin-top: 40px;
	text-align: center;
}
.hp-advantage-box .advantage-box li {
	width: 200px;
	height: 300px;
	float: left;
	margin-right: 40px;
	background: url(../images/hp_advan_bg.png) center 40px no-repeat;
	-webkit-border-radius: 10px; 
       -moz-border-radius: 10px; 
    	     border-radius:10px;
}
.hp-advantage-box .advantage-box li:hover {
	-webkit-transform: translate(0px,-20px);
	-moz-transform: translate(0px,-20px);
	-ms-transform: translate(0px,-20px);
	-o-transform: translate(0px,-20px);
	transform: translate(0px,-20px);
	-webkit-box-shadow: 1px 3px 20px #999,1px 3px 20px #999;
	   -moz-box-shadow: 1px 3px 20px #999,1px 3px 20px #999;
	        box-shadow: 1px 3px 20px #999,1px 3px 20px #999;
}
.hp-advantage-box .advantage-box li:last-child {
	margin-right: 0px;
}
.hp-advantage-box .advantage-box li .iconfont {
	display: block;
	font-size: 55px;
	color: #000037;
	margin-top: 60px;
}
.hp-advantage-box .advantage-box li h3 {
	font-size: 16px;
	color: #000037;
	margin-top: 35px;
}
.hp-advantage-box .advantage-box li p {
	display: block;
	width: 160px;
	font-size: 14px;
	color: #999;
	margin: 0 auto;
	margin-top: 40px;
}
